{% extends 'ApplicationBootstrapBundle::layout.html.twig' %}

{% block title %}Sticky price_footer and Fixed Top Navbar Example for Bootstrap{% endblock %}

{% block layoutstyle %}
    <link href="{{ asset('bundles/applicationbootstrap/css/examples/navbar_fixed_sticky_price_footer.css') }}" rel="stylesheet" type="text/css" media="all" />
{% endblock %}

{% block stylesheets %}
    <link href="{{ asset('bundles/applicationbootstrap/css/ecommerce/pricing-bcore.css') }}" rel="stylesheet" type="text/css" media="all" />
{% endblock %}

{% block javascripts %}
{% endblock %}

{% block navigation %}
    <!-- Fixed navbar -->
    <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
        <div class="container">
        
            {% include 'ApplicationBootstrapBundle::_navbar.html.twig' %}
        
        </div>
    </nav>
{% endblock %}

{% block body %}
    <div class="container">
        <div class="page-header">
          <h1>Pricing BCORE</h1>
        </div>
		<div class="row">
		  <div class="col-lg-12">
			<ul class="pricing-table" >
				<li class="col-lg-4">
					<h3>Starter</h3>
					<div class="price-body">
						<div class="price">
							Free
						</div>
					</div>
					<div class="features">
						<ul>
							<li>Premium Profile Listing</li>
							<li>Unlimited File Access</li>
							<li>Free Appointments</li>
							<li><strong>5 Bonus Points</strong> every month</li>
							<li>Customizable Profile Page</li>
							<li><strong>2 months</strong> support</li>
						</ul>
					</div>
					<div class="price_footer">
						<a href="#" class="btn btn-info btn-rect">Get Started</a>
					</div>
				</li>
				<li class="active danger col-lg-4">
					<h3>Basic</h3>
					<div class="price-body">
						<div class="price">
							<span class="price-figure"><sup>$</sup>24<small>.99</small></span>
							<span class="price-term">per month</span>
						</div>
					</div>
					<div class="features">
						<ul>
							<li>Premium Profile Listing</li>
							<li>Unlimited File Access</li>
							<li>Free Appointments</li>
							<li><strong>20 Bonus Points</strong> every month</li>
							<li>Customizable Profile Page</li>
							<li><strong>6 months</strong> support</li>
						</ul>
					</div>
					<div class="price_footer">
						<a href="#" class="btn btn-metis-1 btn-lg btn-rect">Get Started</a>
					</div>
				</li>
				<li class="col-lg-4">
					<h3>Premium</h3>
					<div class="price-body">
						<div class="price">
							<span class="price-figure"><sup>$</sup>49<small>.99</small></span>
							<span class="price-term">per month</span>
						</div>
					</div>
					<div class="features">
						<ul>
							<li>Premium Profile Listing</li>
							<li>Unlimited File Access</li>
							<li>Free Appointments</li>
							<li><strong>50 Bonus Points</strong> every month</li>
							<li>Customizable Profile Page</li>
							<li><strong>Lifetime</strong> support</li>
						</ul>
					</div>
					<div class="price_footer">
						<a href="#" class="btn btn-info btn-rect">Get Started</a>
					</div>
				</li>
			</ul>
		    <div class="clearfix"></div>
		  </div>
		</div>
		<br/><br/><br/>
		
		<div class="row">
		  <div class="col-lg-12">
			  <ul class="pricing-table dark" >
				<li class="col-lg-4">
					<h3>Starter</h3>
					<div class="price-body">
						<div class="price">
							Free
						</div>
					</div>
					<div class="features">
						<ul>
							<li>Premium Profile Listing</li>
							<li>Unlimited File Access</li>
							<li>Free Appointments</li>
							<li><strong>5 Bonus Points</strong> every month</li>
							<li>Customizable Profile Page</li>
							<li><strong>2 months</strong> support</li>
						</ul>
					</div>
					<div class="price_footer">
						<a href="#" class="btn btn-info btn-rect">Get Started</a>
					</div>
				</li>
				<li class="active primary col-lg-4">
					<h3>Basic</h3>
					<div class="price-body">
						<div class="price">
							<span class="price-figure"><sup>$</sup>24<small>.99</small></span>
							<span class="price-term">per month</span>
						</div>
					</div>
					<div class="features">
						<ul>
							<li>Premium Profile Listing</li>
							<li>Unlimited File Access</li>
							<li>Free Appointments</li>
							<li><strong>20 Bonus Points</strong> every month</li>
							<li>Customizable Profile Page</li>
							<li><strong>6 months</strong> support</li>
						</ul>
					</div>
					<div class="price_footer">
						<a href="#" class="btn btn-metis-1 btn-lg btn-rect">Get Started</a>
					</div>
				</li>
				<li class="col-lg-4">
					<h3>Premium</h3>
					<div class="price-body">
						<div class="price">
							<span class="price-figure"><sup>$</sup>49<small>.99</small></span>
							<span class="price-term">per month</span>
						</div>
					</div>
					<div class="features">
						<ul>
							<li>Premium Profile Listing</li>
							<li>Unlimited File Access</li>
							<li>Free Appointments</li>
							<li><strong>50 Bonus Points</strong> every month</li>
							<li>Customizable Profile Page</li>
							<li><strong>Lifetime</strong> support</li>
						</ul>
					</div>
					<div class="price_footer">
						<a href="#" class="btn btn-info btn-rect">Get Started</a>
					</div>
				</li>
			  </ul>
		      <div class="clearfix"></div>
		  </div>
		</div>
		<br/><br/><br/>
        
    </div> <!-- /container -->
{% endblock %}